<!DOCTYPE html>
<html lang="en">
<head>
    <title>{dede:global.cfg_webname/}</title>
    {dede:include filename="common_head.htm"/}
</head>
<body>
    <div class="main-wrap index-wrap laboratory-wrap">
        {dede:include filename="header.htm"/}
        {dede:include filename="banner_inner.htm"/}
        <div class="content over">
            {dede:include filename="inner_content_nav.htm" /}
            <div class="content-con-wrap laboratory-content">
                <div class="content-item-wrap laboratory-profile-wrap flex rsb container wow slideInUp">
                    {dede:arclist limit='0,1' channelid='2' addfields='body' orderby='id' orderway='asc'}
                    <div class="flex-1 left-wrap pc-content pic-wrap laboratory-pic-wrap">
                        <img src="[field:picname/]" alt="" class="pic-img laboratory-img" />
                    </div>
                    <div class="flex-1 right-wrap laboratory-info-wrap">
                        <div class="info-title">[field:fulltitle/]</div>
                        <div class="flex-1 mobile-content pic-wrap laboratory-pic-wrap none">
                            <img src="[field:picname/]" alt="" class="pic-img laboratory-img" />
                        </div>
                        <div class="info-detail">[field:body/]</div>
                    </div>
                    {/dede:arclist}
                </div>
                <div class="content-item-wrap {dede:field name=typeid runphp='yes'}if(@me == 17) @me='fab-lab-content'; else @me='none';{/dede:field}">
                    <div class="container">
                        <div class="content-item-title-wrap wow slideInUp">
                            <div class="title">Fab Lab</div>
                        </div>
                        <div class="content-item-con-wrap wow slideInUp">
                            <ul class="clearfix list-wrap flex rsb features-list-wrap">
                                {dede:arclist limit='1,3' channelid='2' addfields='body' orderby='id' orderway='asc'}
                                <li class="list-item features-list-item flex ccc">
                                    <img src="[field:picname/]" alt="" class="features-icon" />
                                    <div class="features-title">[field:fulltitle/]</div>
                                    <div class="features-desc">[field:body/]</div>
                                </li>
                                {/dede:arclist}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="content-item-wrap laboratory-photo-wrap swiper-container wow slideInUp">
                    <div class="swiper-wrapper">
                       
                        {dede:arclist limit='0,1' channelid='2' addfields='body' orderby='id' orderway='asc'}
                            [field:id function='getImgTag(@me, 1)' /]
                        {/dede:arclist}
                    </div>
                    <div class="btn-wrap slide-btn-wrap container pos-a flex rcb">
                        <div class="pic-wrap btn-item prev-btn-item cur-p slide-btn-item">
                            <img src="{dede:global.cfg_templets_skin/}/icon/icon_prev.png" alt="" class="btn-icon" />
                        </div>
                        <div class="pic-wrap btn-item next-btn-item cur-p slide-btn-item">
                            <img src="{dede:global.cfg_templets_skin/}/icon/icon_next.png" alt="" class="btn-icon" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {dede:include filename="footer.htm"/}
        {dede:include filename="common_script.htm"/}
    </div>
    <script>
        // 首页 - 导航模块手机版特效
        var swiper = new Swiper('.laboratory-photo-wrap.swiper-container', {
            loop: true,
            speed: 800,
            effect: 'fade',
            initialSlide: 1,
            centeredSlides: true,
            navigation: {
                prevEl: '.prev-btn-item',
                nextEl: '.next-btn-item',
            },
            autoplay: {
                delay: 1000 * 5,
            },
        });
    </script>
</body>
</html>